關於 Webpack 5

Webpack 是什麼?

剛開始學習前端時，都只會撰寫簡單的小專案，撰寫的檔案也相對單純，就是簡單的js檔案、css檔案等。當你要寫的檔案越來越大，為了管理或撰寫方便，你可能就會開始使用很多新的寫法。可是這些新的寫法，我們的瀏覽器是看不懂的，這時候我們就需要 Webpack 。
Webpack 幫我們整理所有的檔案並轉譯成瀏覽器看得懂的程式碼

修但幾勒 那 Gulp 呢?

不知道Gulp的看著 讓專案使用 Gulp 自動化編譯
這樣一講我又把gulp和webpack搞在一起了，到底兩個有什麼關係呢?

Webpack 的核心工具?

1. Loaders

透過loaders把瀏覽器看不懂的檔案，整理成可以使用的檔案。
平常使用webpack建立一個簡單的專案時，就可以透過webpack先設定要使用哪種寫法(pug/scss等等)，告訴webpack你要指定那些loaders，它就會幫你轉換啦!

2. Hot Module Replacement

當你修改某一處並儲存後，網頁不會整個重新reload，它只會重新執行你修改的地方

3. Entry

Entry file

4. Output

build指令

5. plugin

webpack 基礎套件
bundle

6. Moode